<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/base.css">
</head>
<body>
<header>
    <ul>
        <li></li>
    </ul>
</header>
<section>

    <div id="container"></div>

    <div id="content">
        <!--弹窗导航-->
        <div id="container-nav">
            <ul id="container-navs">
                <li><span>Home</span></li>
            </ul>
        </div>
        <!--弹窗显示主要内容-->
        <div id="mainContent">

        </div>
        <span id="closeD">x</span>
        <!--遮罩层-->
        <div id="cover"></div>
    </div>
</section>
<!--<div id="content">
    <div id="container-nav"></div>
    <div id="mainContent">
        <ul>
            <li id="a1">1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias at culpa, cum delectus distinctio dolorem eligendi excepturi illum impedit inventore laudantium nobis pariatur perferendis quasi quibusdam sint, tempore voluptatem voluptatibus.  </li>
            <li>2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo perspiciatis qui quisquam sapiente sint. Beatae corporis cupiditate est nostrum, obcaecati quod repellendus. Beatae eius eveniet perferendis placeat possimus recusandae voluptas.  </li>
            <li>3</li>
            <li>4</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>1</li>
            <li>2</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci alias aliquam deleniti dolorem eius esse exercitationem expedita laudantium, pariatur perferendis, possimus, quas quisquam ratione reiciendis reprehenderit sint tempora tempore veritatis.</li>
            <li>4</li>
            <li>3</li>
            <li>4</li>
            <li>1</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
 <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
 <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
 <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
 <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium blanditiis eligendi eum hic inventore ipsum maxime officia pariatur quasi ratione, repellat sit voluptate. Animi dolore illo quibusdam similique sit ut!</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, cum eius eligendi expedita laborum, libero maxime neque nesciunt nobis nostrum nulla porro quae quaerat quas quia rerum soluta unde veritatis?</li>
            <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus blanditiis ipsam laboriosam, laudantium pariatur praesentium. Aspernatur aut corporis, dolorum error expedita illum, laudantium libero minima modi numquam pariatur quam, soluta.</li>
        </ul>
    </div>
    <span id="close">x</span>
</div>-->
<footer>
    <div id="logo">Empathink</div>
    <ul id="nav">
        <li class="show">About</li>
        <li class="show">Unit</li>
        <li class="show">Service</li>
        <li class="show">Team</li>
        <li class="show">Join</li>
        <li class="show">Contact</li>
    </ul>
</footer>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/libs/three.js"></script>
<script src="js/libs/Detector.js"></script>
<script src="js/main.js"></script>
<script src="js/content.js"></script>
</body>
</html>